@url editImage editSmallImage;
@url addImage addSmallImage;

.mgwt-List-selected{}
.mgwt-List-group{}
.mgwt-List-Header{}

.edit {

	background-image: editImage !important;
	background-position: 3px 50% !important;
	background-repeat: no-repeat;
	padding-left: 30px !important;
	min-height: 20px;
	
}

.add {

	background-image: addImage !important;
	background-position: 3px 50% !important;
	background-repeat: no-repeat;
	padding-left: 40px !important;
	min-height: 20px;
	font-style: oblique;
	
}



.edit .delete {
	position: absolute;
	width: 70px;	
	right: 5px;	

	margin: 0;		
	top:5%;
	
	\-webkit-animation-duration: 100ms;
    \-webkit-animation-iteration-count: 1;
    \-webkit-animation-timing-function: ease-in-out;
    \-webkit-animation-fill-mode: backwards;
    \-webkit-animation-name: slideinfromright;
}

@-webkit-keyframes slideinfromright {
    from { 
    	-webkit-transform: translateX(100%); 
    }
    to { 
    	-webkit-transform: translateX(0); 
    }
}

@-webkit-keyframes slideinfromleft {
    from { 
    	-webkit-transform: translateX(-100%); 
    }
    to { 
    	-webkit-transform: translateX(0); 
    }
}

@if mgwt.os android {
}